<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/top.css" type="text/css" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script src="../js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../css/form.css">
    <link rel="stylesheet" href="../css/tab.css">
    <link rel="stylesheet" href="../css/form.css">
  </head>
  <body>
    <div class="pageLayout">
      <div class="head">
        <div class="head-left">
          <div class="head-left-first">OA办公后台管理系统</div>
          <a href="#">
            <div class="head-left-second">
              <img src="../images/u924.png" alt="" />
              <span>首页</span>
            </div>
          </a>
          <div class="head-left-second sdsdd">
            <img src="../images/u927.png" alt="" />
            <span>资产</span>
          </div>
          <!-- 功能集合 -->
          <div class="boxFunctionSet">
            <div class="functionSet">
              <div class="functionSetDiv">
               <a href="#">
                <div>
                  <img src="../images/u950.png" alt="" />
                  <p>组织</p>
                </div>
               </a>
               <a href="#">
                <div>
                  <img src="../images/u953.png" alt="" />
                  <p>员工</p>
                </div>
               </a>
                <div>
                  <img src="../images/u956.png" alt="" />
                  <p><a href="#">考勤</a></p>
                </div>
                <a href="#">
                  <div>
                    <img src="../images/u959.png" alt="" />
                    <p>薪酬</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u962.png" alt="" />
                    <p>社保公积金</p>
                  </div>
                </a>
              </div>
              <div class="functionSetDiv">
                  <a href="#">
                    <div>
                      <img src="../images/u965.png" alt="" />
                      <p>绩效</p>
                    </div>
                  </a>
                  <a href="#">
                    <div>
                      <img src="../images/u968.png" alt="" />
                      <p>招聘</p>
                        </div>
                  </a>
                 <a href="#">
                  <div>
                    <img src="../images/u971.png" alt="" />
                    <p>审批</p>
                  </div>
                 </a>
                 <a href="#">
                  <div>
                    <img src="../images/u974.png" alt="" />
                    <p style="font-size:14px">会议室预定</p>
                  </div>
                 </a>
                 <a href="#">
                  <div>
                    <img src="../images/u977.png" alt="" />
                    <p>车辆</p>
                  </div>
                 </a>
              </div>
              <div class="functionSetDiv">
                <a href="#">
                  <div>
                    <img src="../images/u980.png" alt="" />
                    <p>新闻</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u983.png" alt="" />
                    <p>公告</p>
                    </div>
                </a>
                <a href="#">
                  
                <div>
                  <img src="../images/u986.png" alt="" />
                  <p>合同库</p>
                </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u989.png" alt="" />
                    <p>文档库</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u992.png" alt="" />
                    <p>资产</p>
                  </div>
                </a>
              </div>
              <div class="functionSetDiv">
                <a href="#">
                  <div>
                    <img src="../images/u998.png" alt="" />
                    <p>配训</p>
                  </div>
                </a>
                <a href="#">
                   
                <div>
                  <img src="../images/u995.png" alt="" />
                  <p>系统设置</p>
                </div>
                </a>
               
                
              </div>
          </div>
          </div>
          <div class="head-left-third">
            <div class="input-group input-group-lg">
              <span class="input-group-addon" id="basic-addon1"
                ><img src="../images/u931.png" alt=""
              /></span>
              <input
                type="text"
                class="form-control"
                placeholder="请输入关键字"
                aria-describedby="basic-addon1"
              />
            </div>
          </div>
        </div>
        <div class="head-right">
          <div class="head-right-three">
            <img src="../images/u944.png" alt="" />
            <img src="../images/u945.png" alt="" class="head-right-three-img" />
          </div>
          <div class="head-right-second">
            <img src="../images/u938.png" alt="" />
          </div>
          <div class="head-right-last">
            <span class="head-right-first">Daisy</span>
            <img src="../images/u937.png" alt="" />
          </div>
        </div>
      </div>
      <!-- 底部 -->
      <div class="bottom">
        <div class="navigation">
          <ul class="nav nav-pills nav-stacked">
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u428.png" alt="" />
                  <a href="#" class="navigation-three">资产管理</a>
                </div>
                <span
                  class="glyphicon glyphicon-chevron-right flip"
                  aria-hidden="true"
                ></span>
              </div>
              <div class="car" style='height:150px;'>
                <ul class="carBox">
                    <li  class="carColor">
                      <a href="#">资产列表</a>
                    </li>
                    <li class="carColor">
                      <a href="#">资产类别</a>
                    </li>
                    <li  class="carColor">
                      <a href="#">仓库管理</a>
                    </li>
                    <li  class="carColor" >
                      <a href="">资产盘点</a>
                    </li>
                  </ul>
              </div>
            </li>
            <!--  -->
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u879.png" alt="" /><a
                    href="#"
                    class="navigation-three"
                    >库存管理</a
                  >
                </div>
                <span
                  class="glyphicon glyphicon-chevron-right flip"
                  aria-hidden="true"
                ></span>
              </div>
              <div class="car" style='height:260px;'>
                <ul class="carBox">
                  <li  class="carColor">
                    <a href="#">采购单</a>
                  </li>
                  <li class="carColor">
                    <a href="#">资产入库</a>
                  </li>
                  <li  class="carColor">
                    <a href="#">领用</a>
                  </li>
                  <li  class="carColor" >
                    <a href="">退库</a>
                  </li>
                  <li  class="carColor" style='background:rgba(37, 97, 239, 1);border-radius: 5px;'>
                    <a href="#">借用</a>
                  </li>
                  <li  class="carColor">
                    <a href="">归还</a>
                  </li>
                  <li  class="carColor">
                    <a href="">调拨</a>
                  </li>
                </ul>
              </div>
            </li>
            <!--  -->
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u397 (1).png" alt="" /><a
                    href="#"
                    class="navigation-three" style="margin-right:30px"
                    >设置</a
                  >
                </div>
              </div>
              <div class="car">
            </li>
            
          </ul>
        </div>
        <!--第一页面-->
        <div class="content">
          <div class="imporTmask">
            <div class="batchImport">
              <!-- top -->
                <div class="batchImportTop">
                  <div>批量导入组织</div>
                  <div class="exitImport">X</div>
                </div>
              <hr style="width:423px">
              <!-- body -->
              <div class="clickDownload">
                <p>第1步</p>
                <p>点击下载空的<a href="#">表格模板</a></p>
              </div>
              <!-- foot -->
              <div class="dragStep">
                <p class="dragStepLeft">第2步</p>
                <div class="drag">
                    <img src="../images/u1790.png" alt="">
                    <p>拖拽到此或点击上传表格</p>
                    <p>(支持格式: xls、xlsx)</p>
                </div>
              </div>
            </div>
          </div>
          <div id='firstBox'>
              <div class="maskLayerRight">
                <div>
                  <span style="font-size:16px;font-weight:500;color:black;height:50px;line-height: 50px;padding-left:20px;">选择部门</span>
                  <img src="" alt="">
                </div>
                <hr style="margin:0;">
                <div class="whiteselectionbox">
                </div>
                <div class="resignationOptions">
                  <input type="text" placeholder="请输入关键字">
                  <img src="../images/u1606.png" alt="">
                </div>
                <!-- 点击切换 -->
                <div class="daisy">
                 <div class="daisyTwo">
                  <span class="daisThree">黛西进出口贸易公司</span>
                 </div>
                  <div class="daisyOne"> 
                    <img src="../images/u1611.png" alt="">
                    <div>黛西进出口贸易公司浙江分公司</div>
                    <span style="color: rgb(153, 153, 153);">(3个)</span>
                  </div>
                  <!--  -->
                  <div>
                    <div class="productDepartmentAppears">
                      <img src="../images/u1625.png" alt="">
                      <span class="productDepartment">产品部</span>
                      <img src="../images/u375.png" alt="" class="radioButton">
                    </div>
                    <div class="productDepartmentAppears">
                      <img src="../images/u1625.png" alt="">
                      <span class="RDdepartment">研发部</span>
                      <img src="../images/u375.png" alt="" class="radioButton">
                    </div>
                    <div class="productDepartmentAppears">
                      <img src="../images/u1625.png" alt="">
                      <span class="marketingDepartment">营销部</span>
                      <img src="../images/u375.png" alt="" class="radioButton">
                    </div>
                  </div>
                  <div class="confirm">
                      <div>取消</div>
                      <div class="confirmOne">确认</div>
                  </div>
                  
                </div>
                

              </div>
          </div>
          
          <!-- 导航 -->
         <div class="contentHead">
            <span class="contentHeadSpan">资产</span>
            <span class="contentHeadSpan">&gt</span>
            <span class="contentHeadSpan">库存管理</span>
            <span class="contentHeadSpan">&gt</span>
            <span>借用</span>
         </div>
         <!-- 功能页 -->
         <!-- <iframe src="./index.html" class="form" frameborder="0"></iframe> -->
         <div class="form" style="width:1582px;">          
          <ul class="assets">
             <li style="border-left:6px solid blue;">借用</li>
          </ul>
     <hr>
    <!-- 第一个选项卡 -->
     <div class="tabOne" style='margin-bottom: 20px;'>
        <div class="firstSplit">
          <!-- 部门 -->
          <div class="inputTransform">
            <span>借用部门</span>
            <div class="departmentSelection">
              <input type="text" name="department" value="请选择" class="departmentSelectionValue">
              <img src="../images/u3887.png" alt="">
          </div>
        </div>
          <!-- 职位 -->
          
          <!-- 员工类型 -->
          <div class="inputTransform">
            <span>领用日期</span>
          <div>
            <input type="text" name="department" value="请选择" class="aq">
            <img src="../images/u261.png" alt="">
          </div>
        </div>
        <!-- 输入关键字 -->
      <div class="inputTransform">
        <div>
          <input type="text" name="department" placeholder="请输入关键字">
          <img src="../images/u1606.png" alt="">
        </div>
      </div>
          <!-- 导入、导出 -->
          <div class="rightBox">
             <a href="../pages/Newborrowing.html">
              <div class="handleResignation" style="margin-left:150px">
                <img src="../images/u386.png" alt="" >
                <div class="handleResignationOne" >新增借用</div>
            </div>
             </a>
              <div class="export" style="margin-right:15px;">导出</div>
          </div>
        </div>
    </div>
    <div class="ewfrgegeth">
     <!--  -->
     <div class="resignationForm" style="width:1529px;">
        <div class="resignationFormFirst"><img src="../images/u189.png" alt="" class="selectAllEmployees"></div>
        <div class="headPortrait" style="padding-left:30px"><div  class="resignationFormSecond position" >
            <div >借用单号</div>
            <div class="upAndDown">
                <img src="../images/u1708.png" alt="" class="upAndDownFirst"> 
                <img src="../images/u1708.png" alt="" style="transform:rotate(180deg)">
            </div>
        </div></div>
        <div class="employeeNo">
            <div  class="resignationFormSecond position"  style="width:110px;">
            <div >预计归还时间</div>
            <div class="upAndDown">
                <img src="../images/u1708.png" alt="" class="upAndDownFirst"> 
                <img src="../images/u1708.png" alt="" style="transform:rotate(180deg)">
            </div>
            </div>
        </div>
        <div class="department" style="width:347px">资产明细</div>
        <div  class="resignationFormSecond position" >
            借用部门
        </div>
        <div  class="resignationFormSecond resignationType" style="width:270px">
            借用人
        </div>
        <div class="resignationType"><div  class="resignationFormSecond position"  style="width:110px;">
            <div >借用日期</div>
            <div class="upAndDown">
                <img src="../images/u1708.png" alt="" class="upAndDownFirst"> 
                <img src="../images/u1708.png" alt="" style="transform:rotate(180deg)">
            </div>
            </div></div>
        <div class="applicationDate" style="padding-left:35px">数量</div>
        <div class="applicationDate" style='padding-left:30px;'>购入金额（元）</div>
        <div class="applicationDate" style="padding-left:30px;">经办人</div>
   </div>
   <!-- 第二行 -->
   <div class="resignationForm secondBackgroundColor sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第三行 -->
   <div class="resignationForm  sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第四行 -->
   <div class="resignationForm secondBackgroundColor sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第五行 -->
   <div class="resignationForm sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第六行 -->
   <div class="resignationForm secondBackgroundColor sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第七行 -->
   <div class="resignationForm sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第八行 -->
   <div class="resignationForm secondBackgroundColor sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第九行 -->
   <div class="resignationForm sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第十行 -->
   <div class="resignationForm secondBackgroundColor sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution">
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
   <!-- 第十一行 -->
   <div class="resignationForm sdfghcvx" style="width:1529px;">
    <div class="resignationFormFirst">
        <img src="../images/u189.png" alt="" class="pictureDistribution" >
    </div>
    <div class="headPortrait chaoWenyi">
        JY20220303009
    </div>
    <div class="employeeNo">2022-03-15</div>
    <div class="department" style="width:301px">联想thinkplus会议平板；明基显示屏</div>
    <div  class="resignationFormSecond position" style="width:164px">产品部</div>
    <div  class="resignationFormSecond resignationType" style="width:200px">
        弥冬灵
    </div>
    <div class="resignationType" style="width:172px">2022-03-15</div>
    <div class="applicationDate">2</div>
    <div class="applicationDate">8000.00</div>
    <div class="applicationDate">弥冬灵</div>
   </div>
  </div>
       <div class="jumpSelection">
        共100条&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="" id="">
            <option value="1">每页20条</option>
            <option value="2">每页50条</option>
            <option value="3">每页100条</option>
        </select>
        <div class="bottomBox">&lt;</div>
        <div class="bottomBox">&lt;&lt;</div>
        <div class="bottomBox" style="background:#2561EF;">1</div>
        <div class="bottomBox">2</div>
        <div class="bottomBox">3</div>
        <div class="bottomBox">4</div>
        <div class="bottomBox">5</div>
        <div class="bottomBox">6</div>
        <div class="bottomBox">...</div>
        <div class="bottomBox">100</div>
        <div class="bottomBox">&gt;</div>
        <div class="bottomBox">&gt;&gt;</div>
        <div class="bottomBoxa">前往第</div>
        <div><input type="text" style="width:54px;height:35px;text-align:center;line-height: 35px;border:1px solid  #d3cbcb;" value="1" ></div>
        <div class="bottomBox">页</div>
       </div>
      </div>
      <!-- 新的页面 -->
            <!-- 导航 -->
          
        </div>
        <!--  -->

      </div>
    </div>
    <script src="../js/leave.js"></script>
    <script src="../js/selectionBox.js"></script>
    <script src="../js/css.js"></script>
    
    </body>
  </html>
  